<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /*
    promise构造函数原型对象上的方法(给promise的实列化使用)
    -then

    -catch

    -finally

    */
    const p1 = new Promise((resolve, reject) => {
      console.log('请求数据A');
      try {
        //throw new Error('错误')
        setTimeout(() => {
          console.log('A成功');
          resolve('qwert')
        }, 2000)
      } catch (e) {
        reject(e.message)
      }

    })
    /*
    then方法是同步绑定的
    then中的回调函数是异步的 
    then用来监听promise的实列状态的改变 then感知到就会执行回调函数
    then方法接收两个回调函数分别用来接收promise实列成功或者失败的逻辑
    在未来中如果成功了 就第一个回调函数进行处理 如果失败就第二个回调函数进行处理
    用then catch处理了异常就不会报错了


    then的返回值 默认返回成功状态promise的一个实例  值是回调函数的返回值
    当then中的回调函数返回一个promise实列 则then方法的返回值和promise实列保持一致
    当then中有报错但是没有被处理的时候则then直接返回一个失败的promise实列 值为错误信息
    */
    const p2 = p1.then((v) => { 
      console.log(v);
      //关联      return                    
      return new Promise((resolve, reject) => {
        console.log('请求数据B');

        console.aaaaaa(aaa);

        try { 
          //throw new Error('错了')
          setTimeout(() => {
            console.log('B成功');
            resolve('sssss')
          }, 2000)
        } catch (e) {
          console.log(e.message);
        }
      })
      //关联
      //当我return返回的是promise实列的时候 p2的值就会和当前这个值关联
    })

    
    console.log('p1', p1);
    console.log('p2', p2);
  </script>
</body>

</html>